<template>
	<view>
		<view class="logoBox">
			<image src="../../static/img/meetLogo.png"></image>
			<view class="prev"></view>
			<text class="logoText">meet</text>
			<view class="next"></view>
			<text class="logoText1">灵魂匹配遇上你</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.logoBox {
		display: block;
		width:  100%;
		height: 352rpx;
		position: relative;
		text-align: center;
		image {
			margin: 0 auto;
			width: 234rpx;
			height: 218rpx;
		}

		.logoText {
			position: absolute;
			left: 312rpx;
			top: 194rpx;
			font-size: 56rpx;
			line-height: 60rpx;
		}
		.prev{
			position: absolute;
			left: 218rpx;
			top: 296rpx;
			width: 42rpx;
			border-bottom: 2rpx solid black;
		}
		.next{
			position: absolute;
			left: 524rpx;
			top: 296rpx;
			width: 42rpx;
			border-bottom: 2rpx solid black;
		}

		.logoText1 {
			position: absolute;
			font-size: 32rpx;
			left: 282rpx;
			top: 268rpx;
			line-height: 60rpx;
			color:rgba(184, 134, 248, 0.83);
		}
	}
</style>
